<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>css变量</title>
		<style>
			:root {
				--color: yellow;
			}

			* {
				color: pink;
			}

			.sp {
				--color: blue;
				color: var(--color);
			}

			span {
				color: var(--color);
			}
		</style>
	</head>

	<body>
		<p class="sp">css 变量</p>
		<!-- 无法使用 div 内声明的变量 -->
		<span>我在 div 外面</span>
		<li>我没有选择器</li>
	</body>
</html>
